<template>
	
	<view class="asset">
		<view class="head" style="z-index: 999;">
			<view class="head_text" @click="black()">返回</view>
			<image src="../../../static/public/img/fh.png"
				style="width: 18px;height: 18px;position: absolute;top:33px;left: 15px;"></image>
				<view class="ss">个人资料</view>
		</view>
		
		<view style="width:100%;height:70px;background: white;border-bottom: 1px solid #d7d7d7;" @click="dk()">
			<view style="width:75%;height: 70px;line-height: 70px;font-size: 13px;float: left;margin-left: 5%;">头像</view>
			<image src="../../../static/public/img/40.jpg" style="width:60px;height: 60px;float: left;border-radius:30px;margin-top: 1%;"></image>
		</view>
		<view style="width:100%;height:60px;background: white;line-height: 60px;color: #999;font-size: 13px;border-bottom: 1px solid #d7d7d7;">
			<view style="width:72%;height: 60px;line-height: 60px;font-size: 13px;float: left;margin-left: 5%;">账号</view>
			qyh88353
		</view>
		
			
	   <action-sheet ref="actionSheet" :actions='actions' cancel-text="取消" description=""  @open="open" @close="close" @select="select"></action-sheet>
			
	

	</view>
</template>

<script>
	//导入组件
	import actionSheet from '../../../components/action-sheet/index.vue'
	export default {
		components: {
					actionSheet
		},
		data() {
			return {
              actions: [
				{
				  name: '随机头像',
				  color: 'black'
				},
              ],
			}
		},
		methods: {
			   black(){
				   uni.navigateBack()
			   },
			   dk(){
			   	 this.$refs.actionSheet.open();
			   },
		},
		onShow() { 

		},

	}
</script>

<style lang="scss">
	page {
		background-color: #f2f2f2;
	}

	.asset {
	   .head {
	   	background: #151516 !important;
	   	color: #fff;
	   	height: 130rpx;
	   	font-size: 18px;
	   }
	   
	   .head_text {
		 font-size: 14px;
         margin-left: 9%;
	   	 line-height: 160rpx;
	   }
	   .item{
		   width: 100%;
		   float: left;
		   margin-top: 5%;
		   border-bottom: 1px solid #ddd;
		   padding-bottom: 3%;
	   }
	   
	   .ss {
	   		 text-align: center;
	   		 line-height: 160rpx;
	   		 position: absolute;
	   		 top: 0px;
	   		 left: 42%;
	   }

	}
</style>
